<template>
  <!-- 视频展示 -->
  <div class="advantage">
    <el-row class="tagStyle" style="margin-top:20px;">
      <el-col :span="14" :offset="5">
        <!--<el-card class="box-card">-->
        <video style="width:100%;height:100%;" src="static/video/video.mp4" controls="controls" autoplay="autoplay" loop="loop">
        您的浏览器不支持 video 标签。
        </video>
        <!--</el-card>-->
      </el-col>
    </el-row>
  </div>
</template>

<script>
  export default {
    name: "Advantage",

    data() {
      return {
        msg: "Welcome to Your Vue.js App",
        isrouter:false
      };
    },

    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },

      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  };
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .tagStyle{
    font-size: 34px;
    font-weight: bold;
    height: 300px;
  }
</style>
